<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>首页</title>
    <link rel="stylesheet" href="../lib/css/frozen.css">
    <link rel="stylesheet" href="../lib/css/font-awesome.css">
    <link rel="stylesheet" href="../communal/css/style-lmh.css"/>
</head>
<body ontouchmove="return false;">
<!--头部-->
<header class="ui-header ui-header-positive ui-border-b " style="background-color: #29AD7B;">
    <div class="tou1-lmh my-nav">
        <span class="active">首页</span>
        <span>目的地</span>
        <span>酒店</span>
        <span>社区</span>
    </div>
    <div class="tou2-lmh">
        <span>
         <i class="fa fa-user-circle-o" aria-hidden="true"></i><i class="loginlocal">我的</i>

        </span>
    </div>
</header>
<!--底部-->
<!--<footer class="ui-footer ui-footer-btn  ui-btn-group ui-footer-stable db-lmh">-->
    <!--<footer class="ui-footer ui-footer-stable ui-border-t">-->
        <!--<ul class="ui-tiled  my-menu-lmh">-->
            <!--<li><div class="my-menu">手机版</div></li>-->
            <!--<li><div class="my-menu">电脑版</div></li>-->
            <!--<li><div class="my-menu">APP</div></li>-->
        <!--</ul>-->
    <!--</footer>-->
<!--</footer>-->

<section class="ui-container">
    <div class="ui-selector-content  my-scroller ui-scroller" style="display:block">
        <div>
<!-- -------------------------------内容------------------------------------------------------->
            <!--轮播-->
            <div class="demo-block">
                <div class="ui-slider"  style="height: 12vh">
                    <ul class="ui-slider-content" style="width: 300%;">
                        <li><span style="background-image:url(../communal/imgs/lb4.jpg)"></span></li>
                        <li><span style="background-image:url(../communal/imgs/lb2.jpg)"></span></li>
                        <li><span style="background-image:url(../communal/imgs/lb3.jpg)"></span></li>
                        <li><span style="background-image:url(../communal/imgs/lb3.jpg)"></span></li>
                        <li><span style="background-image:url(../communal/imgs/lb3.jpg)"></span></li>
                    </ul>
                </div>
            </div>
            <!--搜索框-->
            <div class="ui-searchbar-wrap ui-border-b">
                <div class="ui-searchbar ui-border-radius">
                    <i class="ui-icon-search"></i>
                    <div class="ui-searchbar-text">搜索目的地/景点</div>
                    <div class="ui-searchbar-input"><input value="" type="tel" placeholder="搜索目的地/景点" autocapitalize="off"></div>
                </div>
                <button class="ui-searchbar-cancel">取消</button>
            </div>

            <!--精选折扣 每日更新-->
            <div>
                <div class="div_1_lmh">
                    <span>精选折扣 每日更新</span>
                </div>
    <!--图片-->
                <!--一-->
                <ul class="ui-grid-halve">
                    <li class="li_1">
                        <div class="ui-grid-halve-img">
                            <span style="background-image:url(../communal/imgs/lb4.jpg)"></span>
                        </div>
                        <div class="div_2_lmh">
                            【5月19日】歌诗达赛琳娜号上海往返鹿儿岛5天
                        </div>
                        <span class="span_1_lmh">1199</span><span class="span_2_lmh">元起</span>
                    </li>

                    <li class="li_2">
                        <div class="ui-grid-halve-img">
                            <span style="background-image:url(../communal/imgs/lb2.jpg)"></span>
                        </div>
                        <div class="div_2_lmh">
                            【5月19日】歌诗达赛琳娜号上海往返鹿儿岛5天
                        </div>
                        <span class="span_1_lmh">1199</span><span class="span_2_lmh">元起</span>
                    </li>
                </ul>

                <!--二-->
                <ul class="ui-grid-halve">
                    <li class="li_3">
                        <div class="ui-grid-halve-img">
                            <span style="background-image:url(../communal/imgs/lb4.jpg)"></span>
                        </div>
                        <div class="div_2_lmh">
                            【5月19日】歌诗达赛琳娜号上海往返鹿儿岛5天
                        </div>
                        <span class="span_1_lmh">1199</span><span class="span_2_lmh">元起</span>
                    </li>

                    <li class="li_4">
                        <div class="ui-grid-halve-img">
                            <span style="background-image:url(../communal/imgs/lb2.jpg)"></span>
                        </div>
                        <div class="div_2_lmh">
                            【5月19日】歌诗达赛琳娜号上海往返鹿儿岛5天
                        </div>
                        <span class="span_1_lmh">1199</span><span class="span_2_lmh">元起</span>
                    </li>
                </ul>
                <!--三-->
                <ul class="ui-grid-halve">
                    <li class="li_5">
                        <div class="ui-grid-halve-img">
                            <span style="background-image:url(../communal/imgs/lb4.jpg)"></span>
                        </div>
                        <div class="div_2_lmh">
                            【5月19日】歌诗达赛琳娜号上海往返鹿儿岛5天
                        </div>
                        <span class="span_1_lmh">1199</span><span class="span_2_lmh">元起</span>
                    </li>

                    <li class="li_6">
                        <div class="ui-grid-halve-img">
                            <span style="background-image:url(../communal/imgs/lb2.jpg)"></span>
                        </div>
                        <div class="div_2_lmh">
                            【5月19日】歌诗达赛琳娜号上海往返鹿儿岛5天
                        </div>
                        <span class="span_1_lmh">1199</span><span class="span_2_lmh">元起</span>
                    </li>
                </ul>
                <!--四-->
                <ul class="ui-grid-halve">
                    <li class="li_7">
                        <div class="ui-grid-halve-img">
                            <span style="background-image:url(../communal/imgs/lb4.jpg)"></span>
                        </div>
                        <div class="div_2_lmh">
                            【5月19日】歌诗达赛琳娜号上海往返鹿儿岛5天
                        </div>
                        <span class="span_1_lmh">1199</span><span class="span_2_lmh">元起</span>
                    </li>

                    <li class="li_8">
                        <div class="ui-grid-halve-img">
                            <span style="background-image:url(../communal/imgs/lb2.jpg)"></span>
                        </div>
                        <div class="div_2_lmh">
                            【5月19日】歌诗达赛琳娜号上海往返鹿儿岛5天
                        </div>
                        <span class="span_1_lmh">1199</span><span class="span_2_lmh">元起</span>
                    </li>
                </ul>

                <!--五-->
                <ul class="ui-grid-halve">
                    <li class="li_9">
                        <div class="ui-grid-halve-img">
                            <span style="background-image:url(../communal/imgs/lb4.jpg)"></span>
                        </div>
                        <div class="div_2_lmh">
                            【5月19日】歌诗达赛琳娜号上海往返鹿儿岛5天
                        </div>
                        <span class="span_1_lmh">1199</span><span class="span_2_lmh">元起</span>
                    </li>

                    <li class="li_10">
                        <div class="ui-grid-halve-img">
                            <span style="background-image:url(../communal/imgs/lb2.jpg)"></span>
                        </div>
                        <div class="div_2_lmh">
                            【5月19日】歌诗达赛琳娜号上海往返鹿儿岛5天
                        </div>
                        <span class="span_1_lmh">1199</span><span class="span_2_lmh">元起</span>
                    </li>
                </ul>

            </div>


<!-- -------------------------------内容------------------------------------------------------->
        </div>
    </div>
</section>

<script src="../lib/js/zepto.min.v1.1.6.js"></script>
<script src="../lib/js/zepto.toch.js"></script>
<script src="../lib/js/frozen.js"></script>
<script type="text/javascript">
    //    登录状态------------------------------------------------
    var touchNum = $(".loginlocal");
    //        加载页面时的判断
    touchNum.on('touchstart',function(){
        if(localStorage.length == 1){
            location.href='../../html/userinfo.html';
        }else{
            alert("未登录，请先登录");
            location.href='../../html/login.html';
        }
    });
    //        加载时刷新

    //加载页面后判断localStorage
    if(localStorage){
        if(localStorage.length==1){
            console.log(localStorage);
            $(".loginlocal").text(localStorage.name);
        }else{
            console.log("没有用户");
        }
    }



//    轮播-------------------------------------
    (function (){
        var slider = new fz.Scroll('.ui-slider', {
            role: 'slider',
            indicator: true,
            autoplay: true,
            interval: 3000
        });

        slider.on('beforeScrollStart', function(fromIndex, toIndex) {
//            console.log(fromIndex,toIndex)
        });

        slider.on('scrollEnd', function(cruPage) {
//            console.log(cruPage)
        });
    })();
//    轮播结束-------------------------------------

    $(function(){
        var scroll = new fz.Scroll('.ui-scroller', {
            scrollY: true,
            bounce:true
        });

        $(".ui-scroller")[0].ontouchend=function() {
            var s = scroll.getComputedPosition();
            scroll.refresh();
        }


//        头部跳转---------------------------------
        $('.my-nav > span').on("tap",function(){
            $('.my-nav > span').removeClass('active');
            $(this).addClass('active');
        });


//        底部跳转----------------------------------
        //footer
        $('.tou1-lmh > span').eq(0).on("tap",function(){
            window.location.href = "index-lmh.html";
        });
        $('.tou1-lmh > span').eq(1).on("tap",function(){
            window.location.href = "mudidi-lcy.html";
        });
        $('.tou1-lmh > span').eq(2).on("tap",function(){
            window.location.href = "Hotel-lmh.html";
        });
        $('.tou1-lmh > span').eq(3).on("tap",function(){
            window.location.href = "../communal/html/chat_Phone.html";
        });

//        景点跳转
        $('.li_1').on("tap",function(){
            window.location.href = "place-lmh.html";
        });
//搜索框--------------------------------------------
        $('.ui-searchbar').tap(function(){
            $('.ui-searchbar-wrap').addClass('focus');
            $('.ui-searchbar-input input').focus();
        });
        $('.ui-searchbar-cancel').tap(function(){
            $('.ui-searchbar-wrap').removeClass('focus');
        });



    });




</script>
</body>
</html>